import { baseName, ICON_TYPE } from '@/const'
import { PRIMARY_COLOR_KEY, PRIMARY_COLOR, LIGHT_THEME } from '@/const/theme'

export const AUTH_STORE_NAME = `${baseName}__auth`
export const CONFIG_STORE_NAME = `${baseName}__config`
export const KEEP_ALIVE_STORE_NAME = `${baseName}__keep-alive`
export const LOCK_SCREEN_STORE_NAME = `${baseName}__lock-screen`
export const TABS_VIEW_STORE_NAME = `${baseName}__tabs-view`
export const USER_STORE_NAME = `${baseName}__user`

export const LAYOUTS = {
  Default: 'default',
  Columns: 'columns',
  Classic: 'classic',
  Horizontal: 'horizontal',
}

export const DefaultConfig = {
  [PRIMARY_COLOR_KEY]: PRIMARY_COLOR,
  theme: LIGHT_THEME,
  size: 'default',
  lang: 'zhCn',
  transitionName: 'slide-right',
  layout: LAYOUTS.Default,
  type: ICON_TYPE.SVG,
  asideWidth: 210,
  maxMessageCount: 3, // el-message最大显示条数
  accordionMode: true, // el-menu是否开启手风琴模式
  contentFullScreen: false, // 内容是否全屏
  isCollapse: false, // 是否折叠侧边栏
  isWeakMode: false, // 弱色模式
  isGreyMode: false, // 灰色模式
  isShowFooter: false, // 是否显示页脚(目前无footer区域)
  isShowTab: true, // 是否显示tabs-view
  isShowBreadcrumb: true, // 是否显示面包屑
  isBlur: false, // element-plus相关弹出层组件是否开启背景模糊
  isDarkAside: false,
}
